<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>交互记录</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/systemManage.css">
    <link rel="stylesheet" href="css/bombs.css">
</head>
<body>
    <div class="container">
        <!-- 面包屑 -->
        <div class="top">
            <div class="top-title fl">
                <div>系统管理</div>
            </div>
            <ul class="top-list fr">
                <li><a href="basicInfo.html">基础资料</a></li>
                <li><a href="deviceMataince.html">设备维护</a></li>
                <li><a href="SMSrecord.html">短信记录</a></li>
                <li><a href="operationLog.html">操作日志</a></li>
                <li class="active"><a href="interactiveRecording.html">交互记录</a></li>
            </ul>
        </div>

        <!-- 筛选查询 -->
        <div class="filter-box">
            <div class="filter-top">
                <ul class="filter-top-list">
                    <li class="fl">
                        <input type="text" placeholder="请输入控制器编号">
                    </li>

                    <li class="fl divselect">
                        <div class="selectInput">模式</div>
                        <div class="selectSub">
                            <ul>
                                <li class="active">模式</li>
                                <li>收到</li>
                                <li>发送</li>
                            </ul>
                        </div>
                    </li>
                    <li class="fl divselect">
                        <div class="selectInput width200">命令类型</div>
                        <div class="selectSub width200">
                            <ul>
                                <li class="active">命令类型</li>
                                <li>终端上线注册</li>
                                <li>终端心跳数据</li>
                                <li>心跳内容设置应答</li>
                                <li>监控数据上传</li>
                                <li>数据获取应答</li>
                                <li>设置终端参数</li>
                                <li>事件信息上传</li>
                                <li>短信操作接收应答</li>
                                <li>运营商短信上传</li>
                                <li>短信发送结果统计</li>
                                <li>变频器应答</li>
                                <li>终端参数定时上传</li>
                                <li>终端控制应答</li>
                                <li>升级文件数据包请求</li>
                            </ul>
                        </div>
                    </li>
                    <li class="fl dataTime">
                        <input class="laydate-icon" value="2017-4-20" onclick="laydate()">
                    </li>
                    <span class="fl fenge">-</span>
                    <li class="fl dataTime">
                        <input class="laydate-icon" value="2017-4-20" onclick="laydate()">
                    </li>
                    <li class="fl seachBtn">
                        <a type="button">查询</a>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>

        </div>


        <!-- 操作栏（删除） -->
        <div class="handle-box">
            <div class="handle-box-left fl">
                <ul>
                    <li class="del-btn">
                        <span class="handle-icon"></span>
                        删除
                    </li>

                </ul>
            </div>

        </div>


        <!-- 交互日志表格 -->
        <div class="table-box">
            <div class="table interactive-table">
                <div class="table-header">
                    <div class="table-td width50">
                        <input type="checkbox" id="chooseAll">
                    </div>
                    <div class="table-td width120">控制器编号</div>
                    <div class="table-td width120">模式</div>
                    <div class="table-td width268">命令类型</div>
                    <div class="table-td width160">
                        <span>时间</span>
                        <div class="arr-box">
                            <span class="arrUp"></span>
                            <span class="arrDown"></span>
                        </div>
                    </div>
                    <div class="table-td width478">内容</div>
                </div>

                <ul class="table-body">
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width120">发送</div>
                        <div class="table-td width268">终端参数定时上传应答</div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                        <div class="table-td width478">{"RTC":"17-04-26 09:58:04 3","YE":"0"}</div>
                    </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120" name="">BD100662</div>
                        <div class="table-td width120">收到</div>
                        <div class="table-td width268">终端参数定时上传</div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                        <div class="table-td width478">{"1":"66","2":"02F8","3":"18","10":"2","40":"10361","41":"1988","42":"373","43":"2370","44":"117","45":"4790","46":"0","70":"0","71":"0","72":"0","73":"0","74":"0","75":"4749","76":"0","77":"0000","78":"0000","79":"0000","2495":"LG16113092","2505":"2016","2506":"12","2507":"13","2508":"HW-V1.00","2513":"YT300V0.04","2518":"BD100662","2523":"2016","2524":"11","2525":"22","24":"7","27":"2691","28":"E90B","54":"0","55":"22","101":"0","102":"0","300":"460040071106887"}</div>
                    </li>
                    <li>
                    <div class="table-td width50">
                        <input type="checkbox" name="chooseRow">
                    </div>
                    <div class="table-td width120">BD100662</div>
                    <div class="table-td width120">发送</div>
                    <div class="table-td width268">终端参数定时上传应答</div>
                    <div class="table-td width160">2017-04-26 09:58:04</div>
                    <div class="table-td width478">{"RTC":"17-04-26 09:58:04 3","YE":"0"}</div>
                </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width120">收到</div>
                        <div class="table-td width268">终端参数定时上传</div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                        <div class="table-td width478">{"1":"66","2":"02F8","3":"18","10":"2","40":"10361","41":"1988","42":"373","43":"2370","44":"117","45":"4790","46":"0","70":"0","71":"0","72":"0","73":"0","74":"0","75":"4749","76":"0","77":"0000","78":"0000","79":"0000","2495":"LG16113092","2505":"2016","2506":"12","2507":"13","2508":"HW-V1.00","2513":"YT300V0.04","2518":"BD100662","2523":"2016","2524":"11","2525":"22","24":"7","27":"2691","28":"E90B","54":"0","55":"22","101":"0","102":"0","300":"460040071106887"}</div>
                    </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width120">发送</div>
                        <div class="table-td width268">终端参数定时上传应答</div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                        <div class="table-td width478">{"RTC":"17-04-26 09:58:04 3","YE":"0"}</div>
                    </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width120">收到</div>
                        <div class="table-td width268">终端参数定时上传</div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                        <div class="table-td width478">{"1":"66","2":"02F8","3":"18","10":"2","40":"10361","41":"1988","42":"373","43":"2370","44":"117","45":"4790","46":"0","70":"0","71":"0","72":"0","73":"0","74":"0","75":"4749","76":"0","77":"0000","78":"0000","79":"0000","2495":"LG16113092","2505":"2016","2506":"12","2507":"13","2508":"HW-V1.00","2513":"YT300V0.04","2518":"BD100662","2523":"2016","2524":"11","2525":"22","24":"7","27":"2691","28":"E90B","54":"0","55":"22","101":"0","102":"0","300":"460040071106887"}</div>
                    </li>

                </ul>
            </div>
        </div>


        <!-- 分页器 -->
        <div class="paging-bg">
            <div class="fl page-msg">
                <ul>
                    <li>总<span class="orange">1342</span>条</li>
                    <li>每页<span class="orange">10</span>条</li>
                    <li>共<span class="orange">135</span>页</li>
                </ul>
            </div>
            <div class="fr" id="pagination"></div>
        </div>


        <!-- 弹框合集 -->
        <div class="bomb-boxs" id="bomb-boxs" style="display: none">
            <!-- 删除弹框 -->
            <div class="bomb tipsbomb delbomb">
                <div class="close-btn fr">
                    <a class="close-icon"></a>
                </div>
                <div class="tips-icon">
                    <img src="image/trash.png">
                </div>
                <div class="tips-title">
                    删除记录
                </div>
                <p class="isConfirm">你是否确认删除这条记录？</p>
                <div class="tips-button">确认</div>
            </div>
        </div>


    </div>


    <script src="js/plugin/jquery.js"></script>
    <script src="js/plugin/laydate-v1.1/laydate/laydate.js"></script>
    <script src="js/plugin/laypage-v1.3/laypage/laypage.js"></script>
    <script src="js/pagination.js"></script>
    <script src="js/common.js"></script>
    <script src="js/bombs.js"></script>

    <!--[if lte IE 9]>
    <script src="js/plugin/jquery.placeholder.min.js"></script>
    <script src="js/placeholder.js"></script>
    <![endif]-->

</body>
</html>